<div>
    <div class="row">
        <div class="col-md-3">
            <div class="list-group">
                <div class="list-group-item profile-details">
                    <h2>{{presentCompanyInfo.companyBaseInfo.name}}</h2>
                    <p><i class="fa fa-circle text-green"></i> {{presentCompanyInfo.companyBaseInfo.alias}}</p>
                    <p>公司简介：{{presentCompanyInfo.companyBaseInfo.overview}}</p>
                    <p>公司主页：<a href="{{presentCompanyInfo.companyBaseInfo.webSite}}">{{presentCompanyInfo.companyBaseInfo.webSite}}</a></p>
                    <p>联系电话：{{presentCompanyInfo.lineNumbers!=undefined&&presentCompanyInfo.lineNumbers.length>0?presentCompanyInfo.lineNumbers[0].lineNumber:""}}</p>
                </div>
                <div class="tabs-left">
                    <ul class="nav nav-tabs" style="width:100%">
                        <li class="{{tabActive==1?'active':''}}"><a class="btn" ng-click="changeTabActive(1)">基本信息</a></li>
                        <li class="{{tabActive==2?'active':''}}"><a class="btn" ng-click="changeTabActive(2)">部门信息</a></li>
                        <li class="{{tabActive==3?'active':''}}"><a class="btn" ng-click="changeTabActive(3)">相关联系人</a></li>
                        <li class="{{tabActive==4?'active':''}}"><a class="btn" ng-click="changeTabActive(4)">相关机会</a></li>
                        <li class="{{tabActive==5?'active':''}}"><a class="btn" ng-click="changeTabActive(5)">相关任务</a></li>
                        <li class="{{tabActive==6?'active':''}}"><a class="btn" ng-click="changeTabActive(6)">相关日程</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-md-9" style="padding-left:0">
            <div ng-show="tabActive==1">
                <div class="box border grey" ng-repeat="divItem in dataStruct| limitTo:4">
                    <div class="box-title">
                        <h4>{{divItem.name}}</h4>
                        <div class="tools">
                            <a ng-if="divItem.type=='repeat'" ng-click="addElement(companyInfoPointer[divItem.blockName])"><i class="fa fa-plus"></i></a>
                        </div>
                    </div>
                    <div class="box-body">
                        <div ng-if="divItem.type=='normal'" traversal-datastruct info-struct="divItem.struct"  info-traversal="companyInfoPointer[divItem.blockName]" offset="0" blockname="{{divItem.blockName}}" dirty-set="dirtySet(index)" style="padding-left: 8px;padding-right: 8px"></div>
                        <div ng-if="divItem.type=='repeat'" repeat-datastruct info-struct="divItem.struct"  info-traversal="companyInfoPointer[divItem.blockName]" blockname="{{divItem.blockName}}" pre-name="{{divItem.preName}}" dirty-set="dirtySet(index)"  style="padding-left: 8px;padding-right: 8px"></div>
                    </div>
                    <div class="box-tail text-center" ng-show="dirtyGet(divItem.blockName)">
                        <a class="btn btn-success" ng-click="updateCompanyInfo()">保存</a>
                        <a class="btn btn-success" ng-click="resetCompanyInfo(presentCompanyInfo.id)">重置</a>
                    </div>
                </div>
            </div>
            <div ng-show="tabActive==2" ng-repeat="divItem in dataStruct|filter:{type:'recursion'}">
                `<div class="box border grey">
                    <div class="box-title">
                        <h4>{{divItem.name}}</h4>
                        <div class="tools">
                            <a ng-click="addDepartment(companyInfoPointer[divItem.blockName])"><i class="fa fa-plus"></i></a>
                        </div>
                    </div>
                </div>
                <div class="box-body tree tree-selectable" recursion-element  rep="companyInfoPointer[divItem.blockName]" struct="divItem.struct" template="scripts/components/myself/company/companyDepartmentElement/companyDepartmentElement.html" delete-function="deleteDepartment(array,index)" add-function="addDepartment(array)" dirty-set="dirtySet(index)" blockname="{{divItem.blockName}}"></div>
                <div class="box-tail text-center" ng-show="dirtyGet(divItem.blockName)">
                    <a class="btn btn-success" ng-click="updateCompanyInfo()">保存</a>
                    <a class="btn btn-success" ng-click="resetCompanyInfo(presentCompanyInfo.id)">重置</a>
                </div>
            </div>
            <div ng-show="tabActive==3" data-ui-view="ContactOrInput">
            </div>
            <div ng-show="tabActive==4" data-ui-view="OppOrInput">
            </div>
            <div ng-show="tabActive==5" data-ui-view="TaskOrInput">
            </div>
            <div ng-show="tabActive==6" data-ui-view="CalOrInput">
            </div>
        </div>
    </div>
</div>